<div class="">
  <nz-spin [nzTip]="'正在查询请等待...'" [nzSize]="'large'" [nzSpinning]="isSpinning">

    <nz-collapseset>
      <nz-collapse [nzTitle]="'查询'" [nzActive]="true">
        <form nz-form [nzLayout]="'inline'">
          <div nz-row>

            <div nz-form-item nz-col [nzSpan]="6">
              <div nz-form-label nz-col [nzSm]="9" [nzXs]="6">
                <label>报表类型</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [nzShowSearch]="true" [(ngModel)]="id" (ngModelChange)="getChange()">
                  <nz-option *ngFor="let data of datas" [nzLabel]="data.reportName" [nzValue]="data.id">
                  </nz-option>
                </nz-select>
              </div>
            </div>

            <div nz-form-label nz-col [nzSpan]="3">
              <label>时间</label>
            </div>
            <div nz-form-control nz-col [nzSpan]="9">
              <nz-datepicker  [nzSize]="'large'" [nzFormat]="'YYYY-MM-DD'" name="beginTimes"  [(ngModel)]="beginTimes"   [nzPlaceHolder]="'开始日期'"></nz-datepicker>
              至
              <nz-datepicker  [nzSize]="'large'" [nzFormat]="'YYYY-MM-DD'" name="endTimes"  [(ngModel)]="endTimes" [nzPlaceHolder]="'结束日期'" ></nz-datepicker>
            </div>

            <button style="margin-left:40px;" nz-button [nzSize]="'middle'" [nzType]="'primary'" (click)="findData()" >查询</button>
            <button style="margin-left:40px;" nz-button [nzSize]="'middle'" [nzType]="'primary'" (click)="export($event)">导出Excel</button>
          </div>


        </form>
      </nz-collapse>
    </nz-collapseset>


    <nz-table nzCustomNoResult nzSize="middle" >
      <thead nz-thead>
      <tr>
        <th nz-th *ngFor="let title of titleList">
          <span>{{title}}</span>
        </th>

      </tr>
      </thead>
      <tbody nz-tbody >
      <tr nz-tbody-tr *ngFor="let data of datasList">
        <td nz-td *ngFor="let d of data" >{{d}}</td>
      </tr>
      </tbody>
    </nz-table>
  </nz-spin>
</div>
